<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <title>蜜蜂超市</title>
    <script src="./js/winResponsive.js"></script>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <header class="header">
        <a href="#" class="logo"></a>
        <form action="" class="search-form">
            <input type="text" name="search" placeholder="输入商家、分类或商圈" value="">
        </form>
        <span class="qcode"></span>
        <span class="info"></span>
    </header>
    <div class="content">
        <div class="banner">
            <img src="images/pic1.jpg">
        </div>
        <div class="cate-box">
        <div class="cate">
            <ul>
                <li><a href=""><img src="images/logo1.png"><p>抽奖</p></a></li>
                <li><a href=""><img src="images/logo02.png"><p>兑换</p></a></li>
                <li><a href=""><img src="images/hot.png" class="hot"><p>促销</p></a></li>
                <li class="last"><a href=""><img src="images/logo03.png"><p>闪送超市</p></a></li>
            </ul>
        </div>
    </div>
    <section class="product"> 
        <section class="item">
            <a href="">
                <section class="left">
                    <h3>Fresh奶</h3>
                    <p>光明畅优乳杆菌<span class="big">6</span>元/<span class="small">2</span> 瓶</p>
                    <p>更多优惠 低至5折</p>
                </section>
                <section class="right"><img src="images/product.jpg" alt=""></section>
            </a>
        </section>
        <section class="item">
            <a href="">
                <section class="left">
                    <h3>Fresh奶</h3>
                    <p>光明畅优乳杆菌<span class="big">6</span>元/<span class="small">2</span> 瓶</p>
                    <p>更多优惠 低至5折</p>
                </section>
                <section class="right"><img src="images/product.jpg" alt=""></section>
            </a>
        </section>

    </div>
    <footer>
        <ul>
            <li>
                <a href="">
                    <img src="images/home.png" alt="">
                    <p>首页</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="images/shop.png" alt="">
                    <p>闪送超市</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="images/mine.png" alt="">
                    <p>我的</p>
                </a>
            </li>
            <li class="last">
                <a href="">
                    <img src="images/cart.png" alt="">
                    <p>¥0起送</p>
                </a>
            </li>
        </ul>

    </footer>
</body>
</html>